<div class="container">
    <div class="header">
        Email Verification
    </div>
    <div class="content">
        <p>Your verification code is:</p>
        <div id="validateCode" class="verification-code" style="font-size: 24px; color: #d11" onclick="copyToClipboard()">
            <%= validateCode %>
        </div>
        <p>This code is valid for <%= minute %> minutes. Please enter it to verify your email address.</p>
    </div>
    <div class="footer">
        If you did not request this email, please ignore it.
    </div>
    <div class="byline">
        Sent by <%= senderName %>
    </div>
    <script>
        async function copyToClipboard () {
          const textToCopy = document.querySelector('#validateCode').textContent;
          await navigator.clipboard.writeText(textToCopy);
        }
    </script>
</div>
